/*需要切换的颜色变量*/
// 边框颜色
$border-search-light: 1px solid #72e6ff;
$border-search-dark: 1px solid #027aff;

// 字体颜色
$font-color-dark: #fff;
$font-color-light: #fff;
//应急资源字体颜色
$font-color-dark_search: #72e6ff;
//应急响应字体颜色
$font-color-light-yjxy-title: #fff;
$font-color-light-yjxy-font: #75839b;
$font-color-b-dark: #425a64;
$font-color-b-light: rgba(255, 255, 255, 0.7);
$font-color-search-light: #65cee6;
$font-color-search-dark: #027aff;
$font-input-label-light:#65BDDD;
$font-input-label-drak: #0498ff;
$font-active-light: #72e6ff;
$font-tabel-light: #e6e6e6;
$font-thead-light: #5cafd0;
$font-num-light: #697281;
$font-num-drak: #b1bbcb;
// $nav-font-color-dark:#7988A3;
// // $nav-font-color-dark:red;
// $nav-font-color-click-dark:white;
// $nav-font-color-light:#425963;
// $nav-font-color-light:yellow;
// $nav-font-color-click-light:#0279FF;

// 背景色
$bg-color-dark: #101620;
$bg-color-light: #fff;
$bg-search-box-light: rgba(255, 255, 255, 0.1);
$bg-search-box-dark: #f6f6f6;
$bg-search-box2-light: rgba(70, 160, 255, 0.1);
$bg-search-box2-dark: #ffffff;
$bg-btn-light: #293a54;
$bg-btn-dark: #0294ff;
$bg-tab-dark: #eaf0f5;
$bg-tab-active-light: rgba(70, 159, 255, 0.1);
$bg-back-light: rgba(69, 158, 255, 0.1);
$bg-back-dark: #ff4c4c;
//应急资源背景颜色
$bg-Wbg-f: #101620;
$bg-search: rgba(70, 159, 255, 0.1);
$bg-serchBtn: rgba(42, 58, 84, 0.6);
$bg-Wbg-tab: #293954;
$bg-wlineTwo: #42474f;
$bg-Wbg-tabThOne: #38404a;
$bg-Wbg-tabThTwo: #232c39;
$bg-table-color: #f5f5f5;
//应急资源边框颜色
$bk-wborderTop: #bbe3ff;
$bk-wlineOne: rgba(255, 255, 255, 0.1);
$bk-serchBtn-box-shadow: #171c20;
$Wfont-blur: #71e6ff; // 滚动条颜色
// $bg-nav-menu-light:#fff;
// $bg-menu-item-dark:rgba(16,22,32,1);
// $bg-menu-item-light:#fff;
$bg-tr: #1b393f;
$blue: #0279ff;
$white: white;
$grey: rgba(16, 22, 32, 1);
$font-color-grey: #7988a3;
// $border-color:#72e6ff;
$border-color: #72e6ff;
//应急响应背景颜色
$bg-color-light-yjxy-title1-active: #0179ff;
$bg-color-light-yjxy-title2-active: #efe718;
$bg-color-light-yjxy-title3-active: #ff9627;
$bg-color-light-yjxy-title4-active: #fe5050;
$d-gdt-bg-gd-dark: #514037;
$d-gdt-bg-hk-dark: #d7b199;
$d-gdt-bg-hk-light: rgba(0, 0, 0, 0.2);
$d-gdt-bg-gd-light: rgba(0, 0, 0, 0.1);
$t-gdt-bg-gd-dark: #282e37;
$t-gdt-bg-hk-dark: #71e6ff;
$m-gdt-bg-gd-dark: #415c7b;
$m-gdt-bg-hk-dark: #d8eef8;
$e-font-dark:#71E6FF;
$e-font-light:#0294FF;
$themes: (
  //
    dark:
    (
      font-color: $font-color-light-yjxy-font,
      eidt_font:$e-font-dark,
      number_bj:$bk-wlineOne,
      number_font:$Wfont-blur,
      bg-color: $bg-color-light,
      d_gd_bj: $m-gdt-bg-gd-dark,
      d_hk_bj: $m-gdt-bg-hk-dark,
      s_gd_bj: $d-gdt-bg-gd-dark,
      s_hk_bj: $d-gdt-bg-hk-dark,
      t-gdt-gd-bj: $t-gdt-bg-gd-dark,
      t-gdt-hk-bj: $t-gdt-bg-hk-dark,
      bg_color: $bg-color-dark,
      time_bg_position: -25px -5px,
      times_bg_position:-8px -5px,
      seth_bj: url('~@/assets/images/searhead_bj.png'),
      search_box: $bg-search-box-light,
      nav-font-color: $font-color-grey,
      nav-font-color-select: $white,
      nav-menu-bg: url('~@/assets/images/bg-menu.png'),
      nav-first-bg: $grey,
      nav-first-bg-select: url('~@/assets/images/select-light.png'),
      nav-first-font: $font-color-grey,
      nav-second-bg-select: url('~@/assets/images/subItem-bg.png'),
      nav-second-font-select: $white,
      nav-third-font: $font-color-grey,
      nav-third-font-select: $blue,
      nav-third-bg-select: url('~@/assets/images/third-select.png'),
      bz-point-bg: #101620,
      //安置点背景色
        bz-point-close-bg: url('~@/assets/images/notice_closeW.png'),
        bz-point-close-bg1: url('~@/assets/images/closeBlackIcon.png'),
      //安置点关闭按钮背景色
        bz-point-border-color: $border-color,
      //安置点下拉框边框
        bz-point-search-bg: url('~@/assets/images/search_box_bj.png'),
      //安置点搜索框背景色
        bz-point-select-font-color: $Wfont-blur,
      bz-point-search-bgColor: rgba(255, 255, 255, 0.1),
      //安置点搜索背景
        bz-point-shadow: #0c1422,
      //搜索框阴影
        bz-point-search-font-color: $white,
      //搜索框字体颜色
        bz-point-table-color: $white,
      //表格数据
        bz-point-table-head-font:#ffffff,
      bz-scrollbar-thumb-color: #71e6ff,
      bz-scrollbar-track-color: rgba(255, 255, 255, 0.1),
      azd-pop-scrollbar-thumb-color: #7dbcc4,
      azd-pop-scrollbar-track-color: rgba(255, 255, 255, 0.3),
      yjxy_bj_title: url('~@/assets/images/yjxy/titles.png'),
      yjxy_bj_title_top:0px,
      yjxy_title_width:201px,
      yjxy_title_padding:23px,
      yjxy_content_left_xy_right:0px,
      yjxy_content_left_xy_height:36px,
      yjxy_content_left_xy_width:179px,
      yjxy_content_left_xy_padding:30px,
      yjxy_bj_blue: url('~@/assets/images/yjxy/blue.png'),
      yjxy_bj_hover: url('~@/assets/images/yjxy/hover.png'),
      yjxy_bj_orange: url('~@/assets/images/yjxy/orange.png'),
      yjxy_bj_red: url('~@/assets/images/yjxy/red.png'),
      yjxy_bj_yellow: url('~@/assets/images/yjxy/yellow.png'),
      yjxy_bj_kuang: url('~@/assets/images/yjxy/kuang.png'),
      yjxy_bj_biaotikuang: url('~@/assets/images/yjxy/biaotikuang.png'),
      yjxy_bj_qd: url('~@/assets/images/yjxy/qd.png'),
      yjxy_bj_tz: url('~@/assets/images/yjxy/tz.png'),
      yjxy_bj_jc: url('~@/assets/images/yjxy/jc.png'),
      yjxy_font_color_title: #fff,
      yjxy_scrollbar:#556981,
      yjxy_thumb: #404f68,
      yjxy_border_color: none,
      yjxy_color: #37bfff,
      yjxy_color_btn_bg: transparent,
      yjxy_color_btn_border: 1px solid #37bfff,
      // yjxy_tk_bg: rgba(3, 57, 133, 1),
      yjxy_box_shadow_tk: '0px 0px 5px 5px #294771 inset, 0px 0px 5px 5px #294771',
      yjxy_border_tk1: 1px solid #033985,
      yjxy_border_tk2: 2px solid #38bfff,
      yjxy_border_tk3: 1px solid #294771,
      yjxy_color_tk: #37bfff,
      yjxy_bg:url('~@/assets/images/yjxy/yjxy_bj1.png'),
      yjxy_content_color:'',
      yjxy_scroll_opacity:0.2,
      yjxy_tk_bg:url('~@/assets/images/yjxy/tk_1.png'),
      yjxy_title_text_shadow:'',
      yjxy_title_box_shadow1:'',
      yjxy_title_box_shadow2:'',
      yjxy_title_box_shadow3:'',
      yjxy_title_box_shadow4:'',
      yjxy_border_colors: 1px solid rgba(202, 249, 255, 0.3),
      yjxy_btn_box_shadow:'',
      yjxy_jdt_border:1px solid #37bfff,
      yjxy_jdt_bg:repeating-linear-gradient(-45deg, #37bfff 0px, #37bfff 5px, #033985 5px, #033985 10px),
      /* 应急资源 */ yjzy_color_search: $font-color-dark_search,
      // yjzy_bk_wborderTop:$bk-wborderTop,
        // yjzy_bg_Wbg_f:$bg-Wbg-f,
        yjzy_bg_search: $bg-search,
      yjzy_bg_search_input:$bg-search,
      yjzy_bk_wlineOne: $bk-wlineOne,
      yjzy_bg_serchBtn: '',
      yjzy_serchBtn: url('~@/assets/images/yjzy/sousuo.png'),
      yjzy_bk_serchBtn_box_shadow: $bk-serchBtn-box-shadow,
      yjzy_Wfont_blur: $Wfont-blur,
      yjzy_bg_Wbg_tab: $bg-Wbg-tab,
      yjzy_bg_wlineTwo: $bg-wlineTwo,
      yjzy_font_table_color: $font-color-dark,
      yjzy_prev_color: #fff,
      yjzy_border_color_5:rgba(255, 255, 255, 0.5),
      yjzy_border_color_3:rgba(255, 255, 255, 0.3),
      yjzy_bg: url('~@/assets/images/yjzy/table_bg.png'),
      yjzy_bg_color: '',
      yjzy_bg_btn: url('~@/assets/images/yjzy/notice_closeW.png'),
      yjzy_color_item: #fff,
      yjzy_color_input: #fff,
      yjxy_color_btn: #0f1520,
      yjxy_bj_btn: #38c0ff,
      yjzy_td_bg:#38404a,
      yjzy_td_color:#fff,
      yjzy_title_text_shadow:1px 2px 2px #102232,
      yjzy_charts_border:rgba(255,255,255,.3),
      yjzy_charts_color:#fff,
      yjzy_searchInput_color:rgba(255,255,255,.7),
      yjzy_charts_bg_color:'',
      yjzy_charts_bg:url('~@/assets/images/yjzy/charts_bg.png'),
      yjzy_tk_bg:url('~@/assets/images/ranks_detail_bj.png'),
      yjzy_tk_bg_color:'',
      yjzy_tk_bg_input:url('~@/assets/images/input_bj1.png'),
      yjzy_tk_bg_input_color:'',
      yjzy_tk_title_color:#65BDDD,
      yjzy_tk_input_color:#65BDDD,
      yjzy_tk_box_shadow:'',
      yjzy_tk_table_bg:url('~@/assets/images/wzbj.png'),
      yjzy_tk_table_bg_color:'',
      yjzy_tk_table_color:#65BDDD,
      yjzy_tk_table_fontColor:#fff,
      yjzy_closeBtn_position_t:5px,
      yjzy_closeBtn_position_r:-50px,
      yjzy_tk_table_thColor:#fff,
      yjzy_page_item_active_color:#71E6FF,
      search_icon:url('~@/assets/images/b_search_btn1.png'),
      search_font1: $font-color-b-light,
      search_box2: $bg-search-box2-light,
      search_font2: $font-color-search-light,
      search_box_border: $border-search-light,
      popup_bj: url('~@/assets/images/pop_up_bj.png'),
      input_label: $font-input-label-light,
      input_bj: url('~@/assets/images/pop_input_bj.png'),
      input_color: $font-input-label-light,
      dispatch_btn_bj: url('~@/assets/images/dispatch_btn.png'),
      dispatch_font: $font-input-label-light,
      eliminate_bj: url('~@/assets/images/eliminate_bj.png'),
      eliminate_font: $font-input-label-light,
      head_box_bj: url('~@/assets/images/dispatch_head_boxbj.png'),
      search_box_bj: url('~@/assets/images/search_box_bj.png'),
      ok_btn: $bg-btn-light,
      dispatch_list_bj: url('~@/assets/images/dispatch_list_bj.png'),
      tab_item_bj: $bg-search-box-light,
      tab_active_bj: $bg-tab-active-light,
      active_color: $font-active-light,
      table_color_h: $font-tabel-light,
      table_font_thead: $font-thead-light,
      btn: $bg-tab-active-light,
      btn_color: $font-color-light,
      ranks_detail_bj: url('~@/assets/images/ranks_detail_bj.png'),
      input_bj1: url('~@/assets/images/input_bj1.png'),
      input_bj2: url('~@/assets/images/input_bj2.png'),
      wzbj: url('~@/assets/images/wzbj.png'),
      tab_bj2: url('~@/assets/images/tab_bj2.png'),
      checked2: url('~@/assets/images/checked2.png'),
      tabel_bj1: url('~@/assets/images/tabel_bj1.png'),
      font_num: $font-num-light,
      yjdd_back: $bg-back-light,
      list_item: $bg-color-light,
      tabel_bj2: url('~@/assets/images/tabel_bj2.png'),
      exper_database_Content: $bg-color-dark,
      bg: $bg-tr,
      inform_btn: url('~@/assets/images/inform_btn.png'),
      inform_btn_list: $font-active-light,
      inform_btn_list_font: $bg-Wbg-f,
      yjzy_Wbg_tabThOne: $bg-Wbg-tabThOne,
      yjzy_bg_Wbg_tabThTwo: $bg-Wbg-tabThTwo,
      yjzy_color_table: $font-color-b-dark,
      yjzy_page_color: #fff,
      yjzy_font_color: #fff,
      // time_bg: url('~@/assets/images/time.png'),
      time_bg: url('~@/assets/images/timeDate.png'),
      time_color: #42deff,
      // tj_bg: url('~@/assets/images/tj_bg.png'),
      tj_bg: url('~@/assets/images/timeDates.png'),
      tj_color: #ffffff,
      tr_bgcolor: #248CA2,
      select_bj: url('~@/assets/images/select_bj.png'),
      nav_box_shadow:'',
      nav_border_color:1px solid #51f1ff,
      nav_border_box_shadow:none,
    ),
  light: (
    number_bj:$bg-tab-dark,
    number_font:$bg-btn-dark,
    t-gdt-hk-bj: $d-gdt-bg-hk-light,
    eidt_font:$e-font-light,
    t-gdt-gd-bj: $d-gdt-bg-gd-light,
    font-color: $font-color-dark,
    bg-color: $bg-color-dark,
    d_gd_bj: $d-gdt-bg-gd-light,
    d_hk_bj: $d-gdt-bg-hk-light,
    s_gd_bj: $d-gdt-bg-gd-light,
    s_hk_bj: $d-gdt-bg-hk-light,
    // bg-color: $bg-color-dark,
    bg_color: $bg-color-light,
    time_bg_position: -7px -3px,
    times_bg_position:-14px -5px,
    seth_bj: url('~@/assets/images/b_searhead_bj.png'),
    search_box: $bg-search-box-dark,
    search_font1: $font-color-b-dark,
    search_box2: $bg-search-box2-dark,
    search_font2: $font-color-search-dark,
    search_box_border: $border-search-dark,
    popup_bj: url('~@/assets/images/b_pop_up.png'),
    input_label: $font-input-label-drak,
    input_bj: url('~@/assets/images/b_pop_input_bj.png'),
    input_color: $font-color-b-dark,
    dispatch_btn_bj: url('~@/assets/images/b_dispatch_btn.png'),
    dispatch_font: $font-color-light,
    eliminate_bj: url('~@/assets/images/b_eliminate_bj.png'),
    eliminate_font: $font-color-b-dark,
    head_box_bj: url('~@/assets/images/b_dispatch_head_boxbj.png'),
    search_box_bj: url('~@/assets/images/b_search_box_bj.png'),
    ok_btn: $bg-btn-dark,
    dispatch_list_bj: url('~@/assets/images/b_dispatch_list_bj.png'),
    // dispatch_list_bj:#,
      tab_item_bj: $bg-tab-dark,
    tab_active_bj: $bg-search-box2-dark,
    active_color: $font-color-search-dark,
    table_color_h: $font-color-b-dark,
    table_font_thead: $font-color-b-dark,
    btn: $bg-btn-dark,
    btn_color: $font-color-light,
    ranks_detail_bj: url('~@/assets/images/b_ranks_detail_bj.png'),
    input_bj1: url('~@/assets/images/b_input_bj1.png'),
    input_bj2: url('~@/assets/images/b_input_bj2.png'),
    wzbj: url('~@/assets/images/b_wzbj.png'),
    tab_bj2: url('~@/assets/images/b_tab_bj2.png'),
    checked2: url('~@/assets/images/b_checked2.png'),
    tabel_bj1: url('~@/assets/images/b_tabel_bj1.png'),
    font_num: $font-num-drak,
    nav-font-color: $font-color-grey,
    nav-font-color-select: $blue,
    nav-menu-bg: url('~@/assets/images/bg-select.png'),
    nav-first-bg: $white,
    nav-first-font: $font-color-grey,
    nav-first-font-select: $white,
    nav-first-bg-select: '',
    nav-second-bg-select: $blue,
    nav-second-font-select: $white,
    nav-third-font: $font-color-grey,
    nav-third-font-select: $blue,
    nav-third-bg-select: url('~@/assets/images/third-select2.png'),
    bz-point-bg: $white,
    //安置点背景色
      bz-point-close-bg: url('~@/assets/images/close-white.png'),
      bz-point-close-bg1: url('~@/assets/images/close-white1.png'),
    //安置点关闭按钮背景色
      bz-point-border-color: $blue,
    //安置点下拉框边框
      bz-point-search-bg: url('~@/assets/images/search-white.png'),
    //安置点搜索框背景色
      bz-point-select-font-color: $blue,
    bz-point-search-bgColor: #f6f6f6,
    
    //安置点搜索背景
      bz-point-shadow: $white,
    bz-point-search-font-color: #7989a4,
    //搜索框字体颜色
      bz-point-table-color: #425963,
    bz-point-table-head-font: rgba(0, 0, 0, 0.5),
    bz-scrollbar-thumb-color: $blue,
    bz-scrollbar-track-color: #d7d9da,
    azd-pop-scrollbar-thumb-color: #7EA4CE,
    yjxy_font_color_title: $font-color-light-yjxy-title,
    yjxy_font_color_font: $font-color-light-yjxy-font,
    yjxy_bj_color_title1_active: $bg-color-light-yjxy-title1-active,
    yjxy_bj_color_title2_active: $bg-color-light-yjxy-title2-active,
    yjxy_bj_color_title3_active: $bg-color-light-yjxy-title3-active,
    yjxy_bj_color_title4_active: $bg-color-light-yjxy-title4-active,
    // yjxy_bj_blue: url('~@/assets/images/yjxy/blue_2.png'),
    // yjxy_bj_orange: url('~@/assets/images/yjxy/orange_2.png'),
    // yjxy_bj_yellow: url('~@/assets/images/yjxy/yellow_2.png'),
    // yjxy_bj_red: url('~@/assets/images/yjxy/red_2.png'),
    yjxy_bj_title: url('~@/assets/images/yjxy/title_.png'),
    yjxy_bj_title_top:70px,
    yjxy_title_width:16.5625vw,
    yjxy_title_padding:0,
    yjxy_content_left_xy_right:4.2708vw,
    yjxy_content_left_xy_height:50px,
    yjxy_content_left_xy_width:160px,
    yjxy_content_left_xy_padding:0px,
    yjxy_title_textAlign:center,
    yjxy_scrollbar: $bg-color-light-yjxy-title1-active,
    yjxy_thumb: #ACB9C7,
    yjxy_bj_color_qd: $bg-color-light-yjxy-title1-active,
    yjxy_bj_color_tz: $bg-color-light-yjxy-title3-active,
    yjxy_bj_color_jc: $bg-color-light-yjxy-title4-active,
    yjxy_bj_kuang: '',
    yjxy_border_color: 0px 0px 10px #889eb9,
    yjxy_color: #7a88a4,
    yjxy_color_btn_bg: #EBEEF2,
    yjxy_color_btn_border: '',
    // yjxy_tk_bg: #fff,
    yjxy_jdt_border:1px solid #0279FF,
    yjxy_jdt_bg:repeating-linear-gradient(-45deg, #0279FF 0px, #0279FF 5px, #e5f1ff 5px, #e5f1ff 10px),
    yjxy_box_shadow_tk: none,
    yjxy_border_tk1: none,
    yjxy_border_tk2: 2px solid #fff,
    yjxy_border_tk3: 2px solid #027aff,
    yjxy_color_tk: #425a64,
    yjxy_color_btn: #66653F,
    yjxy_bj_btn: #FFEA38,
    yjxy_bg:url('~@/assets/images/yjxy/yjxy_bj2.png'),
    yjxy_content_color:#fff,
    yjxy_scroll_opacity:0.2,
    yjxy_tk_bg:url('~@/assets/images/yjxy/tk_1_2.png'),
    yjxy_title_text_shadow:2px 2px 4px rgba(90, 96, 102, 0.5),
    // yjxy_title_box_shadow1:2px 2px 4px 0px rgba(107, 168, 241, 0.6),
    // yjxy_title_box_shadow2:2px 2px 4px 0px rgba(172, 178, 77, 0.6),
    // yjxy_title_box_shadow3:2px 2px 4px 0px rgba(168, 117, 57, 0.6),
    // yjxy_title_box_shadow4:2px 2px 4px 0px rgba(163, 70, 82, 0.6),
    yjxy_border_colors: none,
    yjxy_btn_box_shadow:0px 4px 8px 0px #A9B9CC,
    /* 应急资源 */ // yjzy_bg_Wbg_f:$bg-color-light,
      // yjzy_bk_wborderTop:$bk-wborderTop,
      search_font: $font-color-light-yjxy-font,
    yjzy_bg_serchBtn: $bg-color-light-yjxy-title1-active,
    yjzy_serchBtn: '',
    yjzy_Wfont_blur: #fff,
    yjzy_bg_Wbg_tab: $bg-color-light-yjxy-title1-active,
    yjzy_Wbg_tabThOne: $font-color-light,
    yjzy_bg_Wbg_tabThTwo: $bg-table-color,
    yjzy_color_table: $font-color-light,
    yjzy_color_search: $bg-color-light-yjxy-title1-active,
    yjzy_page_color: #abb2b6,
    yjzy_font_color: #7a88a4,
    yjzy_font_table_color: #425a64,
    yjzy_prev_color: #acb2b6,
    yjzy_border_color_5:rgba(255, 255, 255, 1),
    yjzy_border_color_3:rgba(255, 255, 255, 1),
    yjzy_bg: '',
    yjzy_bg_color: #fff,
    yjzy_bg_btn: url('~@/assets/images/yjzy/close-white.png'),
    yjzy_bg_wlineTwo: #f6f6f6,
    yjzy_color_item: #abb2b6,
    yjzy_bg_search: '',
    yjzy_bg_search_input:#E9E9E9,
    yjzy_color_input: #425a64,
    yjzy_bk_wlineOne: #fff,
    yjzy_td_bg:#f5f5f5,
    yjzy_td_color:#425a64,
    yjzy_title_text_shadow:'',
    yjzy_charts_border:#787878,
    yjzy_charts_color:#787878,
    yjzy_searchInput_color:rgba(66, 89, 99, .5),
    yjzy_bk_serchBtn_box_shadow: '',
    yjzy_charts_bg_color:#fff,
    yjzy_charts_bg:'',
    yjzy_tk_bg:'',
    yjzy_tk_bg_color:#fff,
    yjzy_tk_bg_input:'',
    yjzy_tk_bg_input_color:#EAF0F5,
    yjzy_tk_title_color:#0398FF,
    yjzy_tk_input_color:#425963,
    yjzy_tk_box_shadow:0px 4px 6px 0px #DADADA,
    yjzy_tk_table_bg:'',
    yjzy_tk_table_bg_color:#EAF0F5,
    yjzy_tk_table_color:rgba(0,0,0,0.5),
    yjzy_tk_table_fontColor:#818181,
    yjzy_closeBtn_position_t:5px,
    yjzy_closeBtn_position_r:-62px,
    yjzy_tk_table_thColor:#828282,
    yjzy_page_item_active_color:#fff,
    search_icon:url('~@/assets/images/b_search_btn2.png'),
    yjdd_back: $bg-back-dark,
    list_item: $font-color-b-dark,
    tabel_bj2: url('~@/assets/images/b_tabel_bj2.png'),
    exper_database_Content: $white,
    bg: $bg-tab-dark,
    inform_btn: url('~@/assets/images/b_inform_btn.png'),
    inform_btn_list: $font-color-search-dark,
    inform_btn_list_font: $bg-color-light,
    time_bg: url('~@/assets/images/timeDate2.png'),
    time_color: #027aff,
    tj_bg: url('~@/assets/images/timeDates2.png'),
    tj_color: #7989a4,
    tr_bgcolor: #0398FF,
    select_bj: url('~@/assets/images/b_select_bj.png'),
    nav_box_shadow:0px 2px 4px 0px #A1AEB7,
    nav_border_color:none,
    nav_border_box_shadow:0px 2px 4px 0px #A1AEB7
  )
);
@mixin themify($themes: $themes) {
  @each $theme-name, $map in $themes {
    .theme-#{$theme-name} & {
      $theme-map: () !global;

      @each $key, $value in $map {
        $theme-map: map-merge(
          $theme-map,
          (
            $key: $value
          )
        ) !global;
      }

      @content;

      $theme-map: null !global;
    }
  }
}

@function themed($key) {
  @return map-get($theme-map, $key);
}

@mixin background_color($color) {
  @include themeify {
    background-color: themed($color);
  }
}
